Ext.namespace('pages.attachment.attDownload');

pages.attachment.attDownload.Main = function(config) {
	Ext.apply(this, config);
	this.initUIComponents();
	pages.attachment.attDownload.Main.superclass.constructor.call(this);
};

Ext.extend(pages.attachment.attDownload.Main, Ext.Panel, {
	/**
	 * 构造函数
	 */
	initUIComponents : function() {
		
		this.queryForm = new Ext.form.FormPanel({
			layout : 'column',
			region : 'north',
			labelWidth : 70,
			labelAlign : 'right',
			autoHeight :true,
			border : false,
			frame : false,
			items : [{
				columnWidth : 1,
				height : 10,
				border : false
			},{
				columnWidth : .25,
				layout : 'form',
				border : false,
				items : [{
					fieldLabel : '开始日期',
					name : 'START_DATE',
					id : 'START_DATE',
					anchor : '96%',
					format : 'Y-m-d',
					xtype : 'datefield'
				}]
			}, {
				columnWidth : .25,
				layout : 'form',
				border : false,
				items : [{
					fieldLabel : '结束日期',
					name : 'END_DATE',
					id : 'END_DATE',
					anchor : '96%',
					format : 'Y-m-d',
					xtype : 'datefield'
				}]
			}, {
				columnWidth : .25,
				layout : 'form',
				border : false,
				items : [{
					fieldLabel : '员工号',
					name : 'GYH',
					id : 'GYH',
					anchor : '96%',
					xtype : 'textfield'
				}]
			}, {
				columnWidth : .25,
				layout : 'form',
				border : false,
				items : [{
					fieldLabel : '员工姓名',
					name : 'USER_NAME',
					id : 'USER_NAME',
					anchor : '96%',
					xtype : 'textfield'
				}]
			}, {
				columnWidth : .25,
				layout : 'form',
				border : false,
				items : [{
					fieldLabel : '文件名称',
					name : 'FILE_NAME',
					id : 'FILE_NAME',
					anchor : '96%',
					xtype : 'textfield'
				}]
			}, {
				columnWidth : .25,
				layout : 'form',
				border : false,
				items : [{
					fieldLabel : '备注',
					name : 'COMMENT',
					id : 'COMMENT',
					anchor : '96%',
					xtype : 'textfield'
				}]
			}]
		});
		this.store = new Ext.data.Store({
			proxy : new Ext.data.HttpProxy({
				url : ExtJ.getActionPath('/att/listFiles.do')
			}),
			remoteSort : true,
			reader : new Ext.data.JsonReader({
				root : 'data',
				totalProperty : 'total',
				id : 'ID'
			}, [{
				name : 'ID',
				mapping : 'ID'
			},{
				name : 'UPLOAD_USERID',
				mapping : 'UPLOAD_USERID'
			},{
				name : 'UPLOAD_USERNAME',
				mapping : 'UPLOAD_USERNAME'
			},{
				name : 'UPLOAD_TIME',
				mapping : 'UPLOAD_TIME'
			},{
				name : 'FILE_NAME',
				mapping : 'FILE_NAME'
			},{
				name : 'CONTENT_TYPE',
				mapping : 'CONTENT_TYPE'
			},{
				name : 'FILE_NAME',
				mapping : 'FILE_NAME'
			},{
				name : 'FTP_PATH',
				mapping : 'FTP_PATH'
			},{
				name : 'COMMENT',
				mapping : 'COMMENT'
			},{
				name : 'TOP_LEVEL',
				mapping : 'TOP_LEVEL'
			}])
		});
		
		var sm = new Ext.grid.CheckboxSelectionModel({singleSelect:true});
		var cm = new Ext.grid.ColumnModel([sm,new Ext.grid.RowNumberer(),{
				header : '员工号',
				width : 100,
				sortable : true,
				dataIndex : 'UPLOAD_USERID'
			},{
				header : '员工姓名',
				width : 100,
				sortable : true,
				dataIndex : 'UPLOAD_USERNAME'
			},{
				header : '上传日期',
				width : 150,
				sortable : true,
				dataIndex : 'UPLOAD_TIME'
			},{
				header : '文件名称',
				width : 200,
				sortable : true,
				dataIndex : 'FILE_NAME',
				renderer : function(v, m, rec) {
					var url = ExtJ.getActionPath(
							'upload/downloadFile.do', {
								attachId : rec.get('ID')
							});
					var result = '<a href="#" onclick="ExtJ.doExport({url:\''
							+ url + '\'})">' + v + '</a>';
					return result;
				}
			},{
				header : '备注',
				width : 200,
				sortable : true,
				dataIndex : 'COMMENT'
			}]);
			
		
		/**
		 * GridPanel
		 */
		this.grid = new Ext.grid.GridPanel({
			id : 'grid',
			region : 'center',
			store : this.store,
			border : true,
			frame : false,
			viewConfig : {
				autoFill : false,
	    	    forceFit : false,
	    	    focusRow : function(){
	    	    	return;
	    	    },
	    	    getRowClass : function(record, rowIndex, rowParams, store){
	    	    	if (record.get("TOP_LEVEL") == "1") {
				        return 'ux-grid-record-onTop';
				    }
	    	    }
			},
			sm : sm,
			cm : cm,
			tbar : [{				
				id : 'query',
				iconCls : 'Add',
				text : '查询11',
				handler : this.onQuery.createDelegate(this)
			},'-', {
				id : 'clear',
				iconCls : 'clear',
				text : '重置',
				handler : this.onReset.createDelegate(this)
			},'-', {
				id : 'export1',
				iconCls : 'Timedelete',
				text : '下载1',
				handler : this.onExport1.createDelegate(this)
			},'-', {
				id : 'export2',
				iconCls : 'export',
				text : '下载2',
				handler : this.onExport2.createDelegate(this)
			},'-', {
				id : 'export3',
				iconCls : 'export',
				text : '下载3',
				handler : this.onExport3.createDelegate(this)
			}],
			bbar : new Ext.PagingToolbar({
				pageSize : pageSize,
				store : this.store,
				displayInfo : true,
				displayMsg : '当前显示第 {0} - {1} 条 / 共 {2} 条',
				emptyMsg : "没有记录"
			})
		});
		
		Ext.apply(this, {
			closeAction : 'close',
			layout : 'border',
			border : false,
			listeners : {
				'render' : this.initData.createDelegate(this)
			},
			items : [this.queryForm,this.grid]
		})
	},

	initData : function(){
		this.onQuery();
	},
	
	show : function(){
		alert('activate');
	},
	
	onQuery : function(){
		this.store.baseParams.startDate = Ext.getCmp('START_DATE').getRawValue();
		this.store.baseParams.endDate = Ext.getCmp('END_DATE').getRawValue();
		this.store.baseParams.gyh = Ext.getCmp('GYH').getValue();
		this.store.baseParams.username = Ext.getCmp('USER_NAME').getValue();
		this.store.baseParams.fileName = Ext.getCmp('FILE_NAME').getValue();
		this.store.baseParams.comment = Ext.getCmp('COMMENT').getValue();
		Ext.getBody().mask("正在查询,请稍候...");
		this.store.reload({
			params : {
				start : 0,
				limit : pageSize
			},
			callback : function() {
				Ext.getBody().unmask(true);
			}
		});
	},
	
	onReset : function(){
		this.queryForm.getForm().reset();
	},
	
	onView : function(){},
	
	onExport1 : function(){
		window.open(baseUrl + "/att/exportAttExcelMethod1.do");
	},
	
	onExport2 : function(){
		var url  = 	baseUrl + "/att/exportAttExcelMethod2.do";	
		ExtJ.doExport({url:url});
	},
	
	onExport3 : function(){
		var url  = 	baseUrl + "/att/exportAttExcelMethod3.do";	
		ExtJ.doExport({url:url});
	}
	
});